﻿<!DOCTYPE html>
<!--[if IE 8]>         <html class="ie8"> <![endif]-->
<!--[if IE 9]>         <html class="ie9 gt-ie8"> <![endif]-->
<!--[if gt IE 9]><!-->
<html class="gt-ie8 gt-ie9 not-ie">
<!--<![endif]-->
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>Inventaria Admin</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">

    <!-- Open Sans font from Google CDN -->
    @RazorHelpers.Content("assets/stylesheets/font-api.css", Url)

    <!-- Pixel Admin's stylesheets -->
    @RazorHelpers.Content("assets/stylesheets/bootstrap.min.css", Url)
    @RazorHelpers.Content("assets/stylesheets/pixel-admin.min.css", Url)
    @RazorHelpers.Content("assets/stylesheets/widgets.min.css", Url)
    @RazorHelpers.Content("assets/stylesheets/rtl.min.css", Url)
    @RazorHelpers.Content("assets/stylesheets/themes.min.css", Url)

    @RenderSection("styles", false)
    <!--[if lt IE 9]>
        <script src="Content/assets/javascripts/ie.min.js"></script>
    <![endif]-->
</head>
<body class="theme-default main-menu-animated">
    <script>var init = [];</script>
    <div id="main-wrapper">
        <div id="main-navbar" class="navbar navbar-inverse" role="navigation">
            <button type="button" id="main-menu-toggle"><i class="navbar-icon fa fa-bars icon"></i><span class="hide-menu-text">HIDE MENU</span></button>

            <div class="navbar-inner">
                <div class="navbar-header">
                    <a href="index.html" class="navbar-brand">
                        <div><img alt="Pixel Admin" src="../Content/assets/images/pixel-admin/main-navbar-logo.png"></div>
                        Inventaria
                    </a>
                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#main-navbar-collapse"><i class="navbar-icon fa fa-bars"></i></button>
                </div>
                <div id="main-navbar-collapse" class="collapse navbar-collapse main-navbar-collapse">
                    <div>
                        <div class="right clearfix">
                            <ul class="nav navbar-nav pull-right right-navbar-nav">
                                <li class="dropdown">
                                    <a href="#" class="dropdown-toggle user-menu" data-toggle="dropdown">
                                        <span><i class="fa fa-user"></i>&nbsp;&nbsp;@Session.GetNombreCompleto()</span>
                                    </a>
                                    <ul class="dropdown-menu">
                                        <li><a href="@Url.Action("Logout", "Home")"><i class="dropdown-icon fa fa-power-off"></i>&nbsp;&nbsp;Salir</a></li>
                                    </ul>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div id="main-menu" role="navigation">
            <div id="main-menu-inner">
                <div class="menu-content top">
                    <div style="color:white;">
                        <div class="text-bg"><span class="text-slim">Bienvenido,</span> <span class="text-semibold">@Session.GetNombreCompleto()</span></div>
                    </div>
                </div>
                @{ Html.RenderPartial("_Sidebar"); }
            </div>
        </div>
        <div id="content-wrapper">
            <ul class="breadcrumb breadcrumb-page">
                <div class="breadcrumb-label text-light-gray">Estas aquí: </div>
                <li><a href="#">Home</a></li>
                @if (IsSectionDefined("Breadcrumbs"))
                {
                    <ul class="breadcrumb">
                        <li><a href="@Url.Action("Dashboard", "Home")"><i class="fa fa-home"></i></a></li>
                        <li class="separator"><i class="icon-angle-right"></i></li>
                        @RenderSection("Breadcrumbs", false)
                        <li class="active">@ViewBag.Title</li>
                    </ul>
                }
                <li class="active"><a href="#">Dashboard</a></li>
            </ul>
            <div class="page-header">
                <div class="row">
                    <h1 class="col-xs-12 col-sm-4 text-center text-left-sm">
                        @if (ViewBag.PageIcon != null)
                        {
                            <i class="@(ViewBag.PageIcon + " ") page-header-icon"></i>
                        }
                        &nbsp;@ViewBag.Title
                    </h1>
                </div>
            </div>
            <div class="row">
                @MessageHelpers.ShowMessages(TempData)
                @RenderBody()
            </div>
        </div>
        <div id="main-menu-bg"></div>
    </div>
    <!-- Get jQuery from Google CDN -->
    <!--[if !IE]> -->
    <script type="text/javascript"> window.jQuery || document.write('<script src="../../Scripts/jquery-2.0.3.min.js">' + "<" + "/script>"); </script>
    <!-- <![endif]--   <!--[if lte IE 9]>
        <script type="text/javascript"> window.jQuery || document.write('<script src="../../Scripts/jquery-1.8.3.min.js">'+"<"+"/script>"); </script>
    <![endif]-->
    @RazorHelpers.Content("assets/javascripts/bootstrap.min.js", Url)

    @RazorHelpers.Content("assets/javascripts/plugins/bootstrap_datepicker/bootstrap-datepicker.js", Url)
    @RazorHelpers.Script("jquery.validate.js", Url)
    @RazorHelpers.Script("jquery.validate.unobtrusive.min.js", Url)
    @RazorHelpers.Script("jquery.unobtrusive-ajax.min.js", Url)

    @RazorHelpers.Content("assets/javascripts/pixel-admin.min.js", Url)

    @RazorHelpers.Script("Pages/Shared/Global.js", Url)
    @RenderSection("scripts", false)
    <script type="text/javascript">
        window.PixelAdmin.start(init);
    </script>
</body>
</html>